.home{
    background-color:rgb(245, 245, 245);
    width: 100%;
    height: 100%;
    position: relative;
    .search-box{
  
    }
    .silder{
        width: 100%;
        .my-swipe{
            width: 100%;
            vertical-align: middle;
            img{
                width: 100%;
                display: block;
                
            }
        }

    }
    .lz-enter,.lz-leave-to{
        right: -100%;
      }
      .lz-enter-active,.lz-leave-active{
        transition: 1s right ease;
        
      }
      .lz-enter-to,.lz-leave{
        right: 0;
      }
      
      .channel{
        background-color: #fff;
        width: 100%;
        padding: 20px 0;
        .van-row{
          width: 100%;
          display: flex;
          justify-content: space-around;
          .van-col{
            width: 100%;

            img{
              display: block;
              width: 50px;
              margin: 0 auto;


            }
            div{
              margin-top: 10px;
              text-align: center;
            }
          }
        }
      }
      .brand{
        width: 100%;
        margin-top: 20px;
        background-color: #fff;
        .link{
          font-size: 28px;
          font-weight: 800;
          height: 120px;
          text-align: center;
          line-height: 120px;
        }
        .brand-box{
          width: 100%;
          display: flex;
          flex-wrap: wrap;
          justify-content: space-around;
          .item{
            margin-bottom: 5px;
            position: relative;
            width: 49.5%;
            img{
              display: block;
              width: 100%;
            }
            .container{
              div{
                padding: 5px 0;
              }
              :nth-child(2){
                color: rgb(167, 64, 64);
              }
              font-weight: 22px;
              position: absolute;
              top:20px;
              left:30px;
            }
          }
        }
      }
      .tipsList{
        margin-bottom: 20px;
        width: 100%;
        margin-top: 20px;
        background-color: #fff;
        .link{
          font-size: 28px;
          font-weight: 800;
          height: 120px;
          text-align: center;
          line-height: 120px;
        }
        .tipsbox{
          overflow-x: scroll;
          display: flex;
          justify-content: space-between;
          flex-direction: row;
          .tipsitem{
            flex-shrink: 0;
            width:50%;
            &:not(:last-child){
              margin-right: 15px;
            }
              img{
                width: 100%;
                height: 200px;
                display: block;

              }
              .official{
                div{
                  display: block;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  white-space:nowrap;
                }
                padding: 10px;
                width: 90%;
                -webkit-line-clamp:2;
               
                div:nth-child(1){
                  text-indent: 1em;

                }
                div:nth-child(2){
                  font-size: 13px;
                  color: #b8b8b8;
                }
                
              }
            
          }

        }

      }
      .hot{
        width: 100%;
        background-color: #fff;

        &-title{
          width: 100%;
          padding: 20px 0;
          font-size: 28px;
          text-align: center;
          background: url('./../../assets/icons/remai.png') 240px 12px no-repeat;
          background-size: 60px;
        }
        .guessLike{
          height: 980px;
           margin-bottom:0;

        }
      }
  
      .newGoods{
        margin-top: 20px;
        width: 100%;
        background-color: #fff;

        &-title{
          width: 100%;
          padding: 20px 0;
          font-size: 28px;
          text-align: center;
          background: url('./../../assets/icons/xinpinshangjia.png') 240px 12px no-repeat;
          background-size: 60px;
        }
        .guessLike{
          height: 1077px;
        }
      }
  
  }